<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" th:fragment="head">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" 
          href="/webjars/bootstrap/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" />
</head>
<body>
<h1>Hello World</h1>
<div class="container">
	<div class="row">
		<div class="col-md-6">
			当前时间: <font th:text="${#calendars.format(time, 'yyyy-MM-dd HH:mm:ss')}"></font>
		</div>
		<div class="col-md-6">消息: <font th:text="${message}"></font></div>
	</div>
	<div class="row">
		<div class="col-md-6">跳转页面：<a href="/page1">跳转</a></div>
		<div class="col-md-6">跳转页面《第二种方式》：<a href="/page2">跳转</a></div>
	</div>
	<div class="row">
		<div class="col-md-12"><input class="btn btn-default" type="button" value="测试Jquery" /></div>
	</div>
</div>

<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
<script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>

<script th:inline="javascript">
	$(function(){
		$(".btn").on("click",function(){
			alert("test jquery");
		})
	})
</script>
</body>
</html>